<!--
  Generated template for the ZwaddPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar text-center>
    <ion-title>New Job</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-list>
    <ion-item>
      <ion-label>Job Nmae</ion-label>
      <ion-input type="input" [(ngModel)]="zw.zwms"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>Job Area</ion-label>
      <ion-select [(ngModel)]="zw.sheng" (ngModelChange)="changearea()">
        <ion-option value="Melaka">Melaka</ion-option>
        <ion-option value="Johor">Johor</ion-option>
        <ion-option value="Kuala Lumpur">Kuala Lumpur</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label>Job Area</ion-label>
      <ion-select [(ngModel)]="zw.shi">
        <ion-option *ngFor="let item of sareaList" [value]="item" >{{item}}</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label>Work Type</ion-label>
      <ion-select [(ngModel)]="zw.gzlx"  >
        <ion-option value="Full Time" >Full Time</ion-option>
        <ion-option value="Part Time" >Part Time</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label >Salary</ion-label>
      <ion-input type="text" [(ngModel)]="zw.gz"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>Job Description</ion-label>
    </ion-item>
    <ion-textarea style="border: 1px solid blue" cols="30" rows="10" [(ngModel)]="zw.title"></ion-textarea>
    <ion-item>
      <ion-label>Skill Requirements</ion-label>
    </ion-item>
    <ion-textarea style="border: 1px solid blue" cols="30" rows="10" [(ngModel)]="zw.jnyq"></ion-textarea>
  </ion-list>
  <button ion-button block (click)="zwadd()">Save</button>
</ion-content>